/*font family*/
@font-face {
    font-family: "Museo300";
    font-style: normal;
    font-weight: normal;
    src: 
    url("fonts/museo_300_macroman/museo300-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/museo_300_macroman/museo300-regular-webfont.woff") format("woff"),
    url("fonts/museo_300_macroman/museo300-regular-webfont.ttf") format("truetype"),
    url("fonts/museo_300_macroman/museo300-regular-webfont.svg#webfont") format("svg");
}
@font-face {
    font-family: "BebasNeueRegular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/bebas-neue-fontfacekit/bebasneue-webfont.eot?#iefix") format("embedded-opentype"),
     url("fonts/bebas-neue-fontfacekit/bebasneue-webfont.woff") format("woff"),
      url("fonts/bebas-neue-fontfacekit/bebasneue-webfont.ttf") format("truetype"), 
      url("fonts/bebas-neue-fontfacekit/bebasneue-webfont.svg#webfont") format("svg");
}
/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a ,a img{border:0;outline:none;}
img{border: 0;}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
} 

body {
	margin:0;
	padding:0;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	line-height: 1;
}
.clearfix{ *zoom:1;}
.clearfix:after {
	content:".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size:0;
}
ul{margin:0;padding:0;list-style:none;}
p,h1{margin:0;padding:0}
a img{border:none;}
h1,h2,h3,h4,h5{font-family:'Museo300',Helvetica,Arial,sans-serif;font-weight: normal;}
a{text-decoration:none; color:#2D469A}
#header{
	background: url(../img/header_bg.jpg) repeat;
	overflow:auto;
	padding-bottom:0px;
}
#top{overflow: auto;}
#logo,#search{float: left;}
#logo{
	width:460px;
	height:71px;
	background:url(../img/logo.png) no-repeat;
	margin-left:-62px;
}
#logo a{
	text-indent:-9999px;
	display:block;
	width: 320px;
	height:71px;
	margin-left:62px;
}
.container{
	width: 1000px;
	margin:0 auto;
}
#search{
	width: 534px;
	height:60px;
	padding-top:20px;
	margin-left:-50px;
}
#search .searcharea{
	background:url(../img/search.png) no-repeat;
	height:39px;
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
}
#search .searcharea input{
	border:0;
	color:#ccc;
	display: block;
	float:left;
}
#search .searcharea #searchBtn{
	background: url(../img/searchBtn.png) no-repeat;
	width:21px;
	height:21px;
	display: block;
	float:right;
}
#search .searcharea #searchBtn:hover{
	background: url(../img/searchBtn_hover.png) no-repeat;
}
#social{width:60px;float:right;padding-top:27px;}
#facebook{
	width:21px;
	height:21px;
	margin-right:10px;
	background:url(../img/facebook.png) no-repeat;
	display:inline-block;
}
#facebook:hover{
	background:url(../img/facebook_hover.png) no-repeat;
}
#tweet{
	width:21px;
	height:21px;
	background:url(../img/tweet.png) no-repeat;
	display:inline-block;
}
#tweet:hover{
	background:url(../img/tweet_hover.png) no-repeat;
}
#menu{
	background: url(../img/menu_bg.png) repeat-x;
	height:55px;
}
#menu li{float:left;}
#menu li a{font-size:15px;height:50px;line-height:50px;color:white;text-decoration: none;text-transform:uppercase;display:block;padding:0 10px;}
#menu li a:hover{background:url(../img/menu_hover.jpg) repeat-x 0 1px;}
#banner{width: 974px;margin:0 auto;}
.pagination li a {
    background-image: url("../img/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.pagination li.current a {
    background-position: 0 -12px;
}
.pagination {
    margin: 26px auto 0;
    width: 100px;
}
#slides{margin-top:10px;position: relative;z-index: 100;}
#slides .next, #slides .prev {
    display: block;
    height: 43px;
    left: -24px;
    position: absolute;
    top: 180px;
    width: 24px;
    z-index: 101;
}

/*hover*/
.hover_cur span.tl{display:block; float:left; height:53px; width:3px; background:url(../img/m_hover_left.png) no-repeat left top;}
.hover_cur span.tr{display:block; float:left; height:53px; width:3px; background:url(../img/m_hover_right.png) no-repeat left top;}
#menu li.hover_cur a{display:block; float:left; height:53px; padding:0px 5px;background:url(../img/m_hover_bg.png) repeat-x left top}
li.hover_cur{position:relative; z-index:101}
/*secondary_se*/
.ucenter{width:530px; color:#999999; float:left; margin-top:5px}
.ucenter .ucbody{background:url(../img/restaurant.png) repeat-x left top; height:36px; line-height:36px; float:left; padding:0px 10px}
.ucenter .uleft{background:url(../img/left_t.png) no-repeat left top; height:36px; display:block; width:8px; float:left}
.ucenter .uright{background:url(../img/right_t.png) no-repeat left top; height:36px; display:block; width:8px; float:left}

#header{position:relative}
#menu{position:relative; height:auto; background-color:#FFFFFF}
.secondary_se{position:relative; z-index:100; height:51px; background:url(../img/sebg.png) no-repeat left top; margin:-6px auto 0px; width:1002px;}
.simg{vertical-align:middle; margin-left:15px}
.sinput{background:url(../img/inputbg.png) no-repeat left top; width:240px; height:28px; line-height:28px; border:0 none; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; padding-left:10px;vertical-align:middle; padding-right:40px}
.stext{color:#FFFFFF; font-size:16px; font-weight:bold; padding-right:10px}
.imgspan{margin-left:200px; margin-right:10px;}
.imgspan img{vertical-align:middle; margin-top:-5px}
.seinput{padding-top:10px}

/*wrap*/
.wrap{width:1000px; margin:0 auto; position:relative; *z-index:102;}
.wrap .lefts{float:left; width:200px; position:relative;}

/*left*/
.wrap .cate_box{width:184px; background:#FCF2E8; position:relative; padding:0px 6px 10px;*position:relative;}
.wrap .catetitle{background:url(../img/catetop.png) no-repeat left top; width:182px; height:39px}
.wrap .cate_box ul{position:relative; margin-top:-27px;*margin-top:-37px; z-index:102}
.wrap .cate_box li{width:auto;background:url(../img/lbg.png) repeat-x left top; height:34px; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#484645; border:1px solid #FBD0A3; border-top:0 none}
.wrap .na{float:right; display:block; background:url(../img/right_na.png) no-repeat left center; height:34px; width:5px; margin-right:20px}
.wrap .cate_box .dot{margin:0px 10px}
.wrap .cate_box .dot img{vertical-align:middle}
.wrap .cate_box li a{color:#333333}



.left_box{border:1px solid #DEDEDE; width:194px; margin-top:10px; padding:0px 0px 10px 0px}
.atmosphere li{height:20px; line-height:20px}
.atmosphere li a{color:#2F479B}
.atmosphere li.attitle{color:#CF3312; font-size:14px; font-weight:bold; text-indent:10px; height:30px; line-height:30px}
.atmosphere .dot{margin:0px 5px 0px 15px}
.atnum{color:#CCCCCC}

.top5 ul li.attitle{color:#CF3312; font-size:14px; font-weight:bold; text-indent:10px; height:30px; line-height:30px}
.top5 li a{color:#2F479B}
.top5 ul.top5t{padding-left:0px; background:0 none}
.top5 ul{padding-left:20px; background:url(../img/point.jpg) 15px center no-repeat}

.rights{float:left; margin-left:0px; width:800px}
/*listbody*/
.listbody .sort{background:url(../img/listtbg.png) repeat-x left top; height:33px; line-height:33px; border-top:1px solid #DEDEDE; color:#ADADAD; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.listbody .sort span{float:right; color:#2F479B; margin-right:10px; font-weight:bold}
.listbody .sort span img{vertical-align:middle; margin-left:5px}
.listbody .sort .cr{color:#FF9900}

.list{border-bottom:1px dashed #CCCCCC; padding-left:10px}
.btitle{color:#CF3312; font-size:13px; font-weight:bold; height:30px; line-height:30px}
.list .one,.list .two,.list .three,.list .four{float:left;}
.list .one{width:80px; height:85px; line-height:85px}
.list .one img{border:1px solid #CCCCCC; vertical-align:middle; margin-top:7px}
.list .two{width:470px}
.list .two li{height:20px; line-height:20px}
.list .two .tx1{color:#2F479B; font-size:14px; font-weight:bold; height:25px; line-height:25px}

.list .three{width:150px; height:85px; line-height:85px; color:#CCCCCC}
.list .three img{vertical-align:middle}
.list .four{width:80px; height:85px; line-height:85px; font-size:14px; color:#CF3341; text-align:center; font-weight:bold}

.list .listdetail{clear:both; width:100%; display:none; margin-top:10px}
.list .bar{clear:both; width:100%; height:30px; line-height:30px; background:url(../img/listdetail.png) no-repeat left top; height:32px; line-height:32px; background-color:#D9DFF0; width:790px; margin-left:-10px; visibility:hidden; padding-left:10px;}
.list .bar .showdetail img{vertical-align:middle}
.list .rtipt{float:right; margin-right:10px}
.list .rtipt img{vertical-align:middle}
.list .listdetail li{line-height:20px}
.list .listdetail li.de2{padding-left:10px}


.list .ptt{color:#999999; font-weight:bold}
.list .two .ts{color:#999999; font-weight:bold; font-size:13px}

.listhover{border-bottom:1px solid #AFC0F0; background:#F9F9F9}

.list .tel{color:#CF3341; font-weight:bold; font-size:13px; margin-left:20px}
.list .tel img{vertical-align:middle}


/*dialog*/
#givemark span{display:block; float:left}
.starbar{background:url(../img/star.png) no-repeat; width:90px; margin-left:10px; margin-top:2px;background-position: left -250px; height:16px; overflow:hidden }
.starbar a{display:block; float:left; width:16px; height:15px; margin-left:1px; margin-top:2px}
.starbar1{background-position: left -232px }
.starbar2{background-position: left -214px }
.starbar3{background-position: left -196px }
.starbar4{background-position: left -178px }
.starbar5{background-position: left -160px }



.pagebar{text-align:right; height:50px; line-height:50px}
.pagebar a{padding:3px 5px; border:1px solid #CCCCCC; font-weight:bold; margin-left:10px}
.pagebar span{margin-left:10px}
.pagebar span.current{color:#999999;padding:3px 5px; border:1px solid #CCCCCC; font-weight:bold; margin-left:10px}

/*header part*/
#header{
	background: url(../img/header_bg.jpg) repeat;
}
.top{overflow: auto;}
.headerlogo,.headersearch{float: left;}
.headerlogo{
	width:460px;
	height:71px;
	background:url(../img/logo.png) no-repeat;
	margin-left:-62px;
}
.headerlogo a{
	text-indent:-9999px;
	display:block;
	width: 320px;
	height:71px;
	margin-left:62px;
}
.container{
	width: 1000px;
	margin:0 auto;
}
.headersearch{
	width: 534px;
	height:60px;
	padding-top:20px;
	margin-left:-50px;
}
.headersearch .searcharea{
	background:url(../img/search.png) no-repeat;
	height:39px;
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
}
.headersearch .searcharea input{
	border:0;
	color:#ccc;
	display: block;
	float:left;
}

.social{width:60px;float:right;padding-top:27px;}
.facebook{
	width:21px;
	height:21px;
	margin-right:10px;
	background:url(../img/facebook.png) no-repeat;
	display:inline-block;
}
.facebook:hover{
	background:url(../img/facebook_hover.png) no-repeat;
}
.tweet{
	width:21px;
	height:21px;
	background:url(../img/tweet.png) no-repeat;
	display:inline-block;
}
.tweet:hover{
	background:url(../img/tweet_hover.png) no-repeat;
}
.menu{
	background: url(../img/menu_bg.png) repeat-x;
	height:55px;
	position:relative;
	top: 5px;
}
.menu li{float:left;}
.menu li a{font-size:15px;height:50px;line-height:50px;color:white;text-decoration: none;text-transform:uppercase;display:block;padding:0 10px;font-family: 'Museo300',Helvetica,Arial,sans-serif;}
.menu li a:hover{background:url(../img/menu_hover.jpg) repeat-x 0 1px;}
.menu ul li .current_page{background:url(../img/menu_hover.jpg) repeat-x 0 1px;}

/*footer*/
#footer
{
	background-color: #f5f5f5;
	color: #999999;
    height: 40px;
    line-height: 40px;
}
#footer p
{
	 text-align:center;
}
/*search pannel*/
.table_list .container
{
		background:url("../img/filter_bg.jpg") repeat-x 0 bottom #fc8900;
	 border-radius:4px;
	  border: 1px #FFFFFF solid;
	  
	  -webkit-box-shadow: 3px 3px 6px #666;  
    -moz-box-shadow: 3px 3px 6px #666;  
    box-shadow: 0 3px 4px #dcdcdc; 
    
    margin-top: -2px;
    position:relative;
    z-index: 3;
}
.MarketList_light
{
	background:url("../img/MarketList_light.png") no-repeat;
	padding-bottom:10px;
}
.Wish_List
{
    float:left;
    width: 211px;
  	background: url("../img/MarketList_line.png") no-repeat right center;
}
.Grade_course_textbox a {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #FFFFFF;
}
.Wish_List a {
    display: block;
    line-height:38px;
}
.Grade_course_text {
    background: url("../img/MarketList_down.png") no-repeat scroll 169px 19px #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    margin: 32px auto 11px 11px;
    padding: 14px 30px 9px 19px;
}
.Shop_by_Department {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/MarketList_down.png") no-repeat scroll 129px center #FFFFFF;
    border-color: #DC841B #DC841B -moz-use-text-color;
    border-style: solid solid none;
    border-top-left-radius: 3px;
    border-width: 1px 1px 0;
    color: #FF812D;
    font-size: 15px;
    height: 38px;
    margin-left: 5px;
    margin-top: 12px;
    padding-left: 15px;
    padding-top: 5px;
    width: 142px;
}
.MarketList_search {
    float: left;
}
.MarketList_search p {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-style: italic;
    margin-left: 8px;
    margin-top: 10px;
    text-shadow: 1px 1px 1px #666666;
}
.MarketList_search_box {
    margin-left: 25px;
    margin-top: 10px;
}
.search_left_bg {
    background: url("../img/GradeCourse_search_left.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 39px;
    line-height: 39px;
    width: 7px;
}
.MarketList_search .search_body {
    background: url("../img/MarketList_search_bg_repeat.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 39px;
    width: 329px;
}
.MarketList_search_input {
	border:0px;
	background-color:transparent;
	padding:10px;
	font-size:14px;
	color:#666666;
	width: 300px;
}
.MarketList_search .search_right
{
	background: url("../img/MarketList_search_bg.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: inline-block;
    float: left;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 65px;
}
.MarketList_search .search_right:hover
{
	background: url("../img/MarketList_searchhover_bg.png") no-repeat scroll 0 0 transparent;
}
.MarketList_search .search_right a {
    background: url("../img/MarketList_-magnifier.png") no-repeat scroll 11px 11px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    padding-bottom: 6px;
    padding-left: 28px;
    padding-top: 11px;
}
.clear_float{clear: both;}
